<template>
  <div class="item" v-for="record in recordList" :key="record.id">
      <p>{{record.content}}</p>
      <p>金额：￥{{record.total}}元</p>
      <p>时间：{{record.createDate}}</p>
  </div>
</template>

<script setup>

  const {proxy} = getCurrentInstance()
  const recordList = ref([])
  onBeforeMount(async()=>{
    let result = await proxy.$GET({url:'/business/record'})
    recordList.value = result
  })
</script>

<style scoped>
  .item{
    background:#fff;
    width:100%;
    text-indent: 1.5em;
    font-size:1em;
    padding:10px 0;
    border-bottom:1px solid #eaeaea;
  }
</style>